/*-------------------------------------------------
        Menu
--------------------------------------------------*/
/* Override block with menu specific selector */
.widget-menu{
padding: 0 15px 0 15px;
}

// common menu code for mega, dropline and split
#menu{
position: relative; z-index: 99; font-family: 'Lato', sans-serif; background: #333;

#form-login-submit{float: none; margin-top: 0;}

    // Level 0 - first level
    ul.level-0 > li.mega > a.mega,
    ul.level-0 > li.mega > span.mega{padding: 5px 15px;}


    ul.level-0 > li { margin-left: 0px; border-right: 1px solid #000; box-shadow: 1px 0px 0px 0px #555; text-transform: uppercase; 
    transition: background-color 0.2s ease-out 0s;
    -moz-transition: background-color 0.2s ease-out 0s;
    -webkit-transition: background-color 0.2s ease-out 0s;
    -o-transition: background-color 0.2s ease-out 0s;}
    
    ul.level-0 > li.has-submenu{}
    ul.level-0 > li > a > span.menu-title{height: 30px; line-height: 30px; letter-spacing: 1px; font-size: 12px;}

    //Arrow icon
    .megamenu ul.level-0 > li.has-submenu > a.mega, #menu .megamenu ul.level-0 > li.has-submenu > span.mega{padding-right: 20px; font-size: 12px; background: none;}

    //Image menu
    .megamenu ul.level-0 li.mega a.mega, .megamenu ul.level-0 li.mega span.mega{line-height: 30px;}

    //Exception class first and last
    ul.level-0 > li.last{margin-right: 0;}
    ul.level-0 > li.fast{}

    ul li span.menu-title,
    ul li span.menu-desc{color: #fff;}

    // Hover State common
    ul li:hover span.menu-title, ul li:hover span.menu-desc,
    ul li.active span.menu-title{color: #fff;} ul li.active span.menu-desc{color: #131313;}

    

    // lv - 1 and below
    //-----------------------------------

    // Normal List Item
    ul.level-1{
        li.mega { padding: 0; font-size: 12px; text-transform: capitalize; margin-bottom: 5px;}
        li.last { border-bottom: 0; margin-bottom: 0;} //Last child

        > li.mega a.mega,
        > li.mega span.mega{padding: 2px 10px; background: #222222; border: 1px solid #333333; 
        transition: background-color 0.3s ease-out 0s;
        -moz-transition: background-color 0.3s ease-out 0s;
        -webkit-transition: background-color 0.3s ease-out 0s;
        -o-transition: background-color 0.3s ease-out 0s;}
        
        //Exception for grooup content
        .group-content{
          padding-bottom: 10px;
            li.mega{
                border: none;

                a.mega, span.mega{padding: 4px 10px; line-height: 18px;}
            }
        }

        li span.menu-title,
        li span.menu-desc{color: #fff;}

        //Active menu
        li.active a {}
    }

    .mega .first .level-1 .group .has-desc{padding: 5px;}

    // CHILD CONTENT WRAPPER
    //-----------------------------------
    li.mega .childcontent{
        border: none;
        padding: 8px;
        background: #333;
        .childcontent{ 
            
         }
    }

    .childcontent-inner {color: #fff; background: #333; }
    .level-1 .childcontent-inner {}


    // GROUPD TITLE,DESC + DIRECT CHILD
    //--------------------------------------------


    .megamenu .group-title {}

    //Group Title with Description
    ul.level-1 .group-title .menu-desc {
        color: #fff;
        font-size: 12px;
        padding-left: 0 !important;
    }

    ul.level-1 .group-title {}
    ul.level-1 .group-title .menu-title {
    	color: #fff;
    	text-transform: uppercase;
    	font-weight: bold;
    	font-size: 115%;
    }

    //Group Contents
    ul.level-1 li.mega .group-content > ul > li > span, ul.level-1 li.mega .group-content > ul > li > a, ul.level-1 > li.mega span.mega
    .mega .level-1 .group{background: transparent; border: none; font-size: 12px;}

    ul.level-1 .group-content li.mega span.mega{font-size: 12px;}

    // Group child items
    //-----------------------------------
    ul.level-1 li.mega .group-content > ul > li{
        margin: 0 10px;
        background: url(../images/list-bullets.png) no-repeat 0 3px;

        > a,
        > span{
          &:hover{background: transparent; margin: 0 10px; border: 0;}
          > span.menu-title{
            color: #E2E2E2;
          }
        }
    }

    // Module under menu
    .block{padding: 0;margin: 0;}
}

// Fancy menu
//-----------------------------------
.fancy{background: #fff;color: #333}
    .fancy-inner{}

// Dropline Menu + Split menu
#mainnav,
#splitmenu{
  ul{
    float: left;
    background: #333;
    li{
      border-right: 1px solid #eaebec;

      a,
      span{ padding: 0 15px; height: 30px; line-height: 30px; padding: 0 10px;}
    }

    li.last-item{border-right: none;}

  }
}

// Subnav common (Dorpline+Split)
//-----------------------------------
#subnav{
  background: #333;

  ul{

    li:hover > ul {background: #333;}

    li span.menu-title,
    li span.menu-desc{ color: #fff;}
  }

  span.has-image{ background: none !important; padding: 0;}
  span.menu-desc{ display: none; }


}

// Mobile menu
//----------------
//Menu
#mobile-menu{
    margin: 10px;
    text-align: center;

    select{ margin: 0 auto; }
}